import AiChat from "./components/AiChat/index.jsx";
import Tabbar from "./components/Tabbar/index.jsx";
import "./App.css";
import { Fragment, useState } from "react";

function App() {
  const [theme, setTheme] = useState("light");

  return (
    <Fragment>
      <div className={`${theme}`} id="container">
        <div className="app-bg">
          <Tabbar theme={theme} changeTheme={setTheme} />
          <AiChat />
        </div>
        {/* <div className="sea"></div> */}
      </div>
    </Fragment>
  );
}

export default App;
